<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
</head>

<body>
    <div class="gouwuche"><svg t="1713604806149" class="icon" viewBox="0 0 1024 1024" version="1.1"
            xmlns="http://www.w3.org/2000/svg" p-id="4293" width="200" height="200">
            <path
                d="M395.995963 598.2422l389.258515 0c18.340717 0 36.718273-11.0558 43.682895-27.084868L957.36844 277.124622c4.679579-10.749832 3.850701-23.382547-2.201132-32.621978-5.821589-8.871041-15.45704-14.649652-26.438139-14.649652L313.645396 229.852992l-11.873422-52.837392c-6.309706-28.436656-34.56319-50.516534-64.316841-50.516534L82.492806 126.499066c-10.41828 0-18.865673 8.512884-18.865673 18.931165s8.447393 18.931165 18.865673 18.931165l154.961304 0c12.141528 0 24.981974 10.464329 27.488051 21.767769l120.088052 536.77936c-37.82549 10.228969-65.775053 44.895513-65.775053 85.910649 0 49.036833 39.895639 89.004103 88.932472 89.004103s88.932472-40.297798 88.932472-89.334631c0-18.178011-5.504364-31.166837-14.902408-49.586348l248.122077 0c-9.398044 18.419512-14.902408 31.444153-14.902408 49.622164 0 49.036833 39.895639 89.151459 88.932472 89.151459s88.932472-39.786145 88.932472-88.822978c0-49.037856-39.895639-89.381703-88.932472-89.381703-6.418176 0-12.666484 1.568728-18.701944 1.568728L426.8906 721.039967c-1.181919 0-2.388397-0.51063-3.586688-0.717338L395.995963 598.2422zM919.766031 267.714298 794.346553 555.256176c-0.819668 1.87879-5.40715 5.124717-9.092076 5.124717L387.549593 560.380894l-65.457828-292.665573L919.766031 267.715321zM459.389782 808.523437c0 28.27702-22.924105 51.41909-51.201126 51.41909-28.27702 0-51.201126-22.813588-51.201126-51.090609 0-27.081799 21.042245-49.579185 47.660486-51.405787 2.435469 1.147126 5.126764 1.455141 7.997138 1.455141l9.660011 0C443.708638 768.111029 459.389782 785.149077 459.389782 808.523437zM855.571986 808.961412c0 28.27702-22.924105 51.200102-51.201126 51.200102s-51.201126-23.361057-51.201126-51.638077c0-23.37436 15.681144-40.412408 37.083593-49.622164l9.141194 0c2.888793 0 5.594415-0.26299 8.042163-1.424442C834.279031 759.072165 855.571986 781.719978 855.571986 808.961412z"
                fill="#FF0303" p-id="4294"></path>
        </svg>
        <p>我的购物车</p>
        <div class="num"><span>16</span></div>
    </div>
    <style>
        body {
            background-color: aqua;
        }

        svg {
            display: block;
            position: absolute;
            width: 50px;
            left: 1230px;
            top: -50px;
        }

        p {
            position: absolute;
            left: 1300px;
            top: -2px;
            font-size: 30px;
            color: red;
        }

        span {
            width: 28px;
            height: 14px;
            text-align: center;
            line-height: 14px;
            background-color: red;
            border-radius: 40%;
            position: absolute;
            left: 1270px;
            top: 20px;
            color: white;
        }
    </style>
</body>

</html>